.span-red{
    color: red;
}
#span-select{   
    padding-left:11px;
    background: url(../img/hearder-select-button.gif) no-repeat center center;
}
header{
    width: 100%;
    height: 35px;
    background-color: #f5f5f5;

    section{
        width: 1192px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left{
            display: flex;
            width: 362px;
            font-size: 12px ;
            line-height: 35px;   
            b{
                padding-left: 7px;
                font-weight: 400;
                .header-select{
                    position: relative;
                }
                .header-add{
                    position: absolute;
                    width: 266px;
                    height: 295px;
                    background-color: yellow;
                    // overflow: auto;
                    border: 1px solid green;
                    li{
                        width: 266px;
                        height: 28px;
                        border:  1px solid;
                        background-color: yellow;
                    }
                    }
                }
                span{ 
                    display: inline-block;
                    height: 35px;
                }
            }
            &b:hover{
                background-color: red;
            }
            a{
                padding-left: 3px;
            }
            ul{
                display: inline-block; 
                width: 216px;
                 display: flex;
                justify-content: space-between;
                align-items: center;
                margin-left: 3px;
                li a{
                    color: #6c6c6c;
                }
            }

        .right{
            width: 545px;
            height: 100%;
            ul{
                width: 100%;
                height:35px;

                font-size: 12px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                li {
                    height:35px;
                    line-height: 35px;
                    .shopping-logo{
                        background: url(../img/shopping-cart.JPG) no-repeat center center; 
                    }
                    .shoucang{
                        background: url(../img/xingxing.JPG) no-repeat center center;
                    }
                    a{
                    color: #6c6c6c;
                    padding:0 4px;
                }
                    &:nth:nth-child(2){
                        span{
                            background: url(../img/logo.JPG) no-repeat center center; 
                        }
                    }
            }

            }
        }
        }
    }



